﻿@using KMF.WebUI.Areas.KMFadmin.CustomHelpers
@using KMF.WebUI.Areas.KMFadmin.Models
@model KMF.Common.GoldenTimeCampainDto
@{
    ViewBag.Title = "GoldenTimeProductAdd";
    Layout = "~/Areas/KMFadmin/Views/Shared/_layout.cshtml";
}
<nav>
    <div class="breadCrumb">
        <ul>
            <li><a href="@Url.Action("Index", "AdminGoldenTime")"><i class="bootstrap icon-home"></i></a></li>
            <li><a href="javascript:void(0)">Sản phẩm</a> </li>
            <li><a href="@Url.Action("Index", "AdminGoldenTime")">Danh sách giờ vàng</a> </li>
            <li><a href="@Url.Action("GoldenTimeProductAdd", "AdminGoldenTime", new { goldId = ViewBag.GoldenTimeId })">Danh sách giờ vàng</a> </li>
        </ul>
    </div>
</nav>
<div class="toolBox">
    @Html.ToolBox(new List<object> { new Save { ClassCss = "Save", ActionName = "Javascript:void(0)" }, new Back { ClassCss = "Back", ActionName = @Url.Action("Index", "AdminGoldenTime") } })
</div>
<table cellspacing="0" cellpadding="0" border="0" width="100%">

    <tr>
        <td style="padding-top: 20px;">
            @Html.DropDownList("CategoryList", new SelectList(ViewBag.MenuList, "Id", "Name"), new { @style = "width: 599px;" })
            <br />
            <div style="height: 300px; overflow: auto; border: 1px solid #3d6aa2; width: 597px; margin-top: 10px;">
                @*noi chua san pham duoc chon*@
                <table cellspacing="0" cellpadding="0" border="0" style="padding-top: 30px; width: 100%;" class="goldenTimeTable2 plcProductGold">
                    <tr>
                        <th style="width: 10px;">#</th>
                        <th style="width: 30px;">
                            <input type="checkbox" name="chkAllProduct" id="chkAllProduct"></th>
                        <th style="width: 50px;">Ảnh</th>
                        <th style="width: 90px;">Barcode</th>
                        <th>Tên sản phẩm</th>
                        <th>Ck</th>
                    </tr>
                </table>
            </div>
        </td>
        <td style="width: 45%;">
            <div class="box-Info">
                @using (Html.BeginForm("GoldenTimeProductAdd", "AdminGoldenTime", FormMethod.Post, new { enctype = "multipart/form-data", id = "EditGoldenTimeCampain" }))
                {
                    <table cellspacing="0" cellpadding="0" border="0" width="100%" class="table-info tableGoldenTimeInfo">
                        <tr>
                            <td class="tInfoLeft2">Tên chiến dịch:</td>
                            <td class="tInfoRight">
                                @Model.CampainName
                                @Html.HiddenFor(m => m.Id)
                            </td>
                        </tr>
                        <tr>
                            <td class="tInfoLeft2">Ngày bắt đầu:
                            </td>
                            <td class="tInfoRight">
                                <span style="color: red;">@Model.DateBegin.ToString("dd/MM/yyyy hh:mm:ss")</span>    
                                @Html.HiddenFor(m => m.DateBegin)
                            </td>
                        </tr>
                        <tr>
                            <td class="tInfoLeft2">Ngày kết thúc:
                            </td>
                            <td class="tInfoRight">
                                <span style="color: red;">@Model.DateEnd.ToString("dd/MM/yyyy hh:mm:ss")</span>    
                                @Html.HiddenFor(m => m.DateEnd)
                            </td>
                        </tr>
                        <tr>
                            <td class="tInfoLeft2">Hiển thị sp theo:
                            </td>
                            <td class="tInfoRight">
                                @{
                    if (Model.DateEnd < DateTime.Now)
                    {
                        if (Model.Random)
                        {
                                    <span>Ngẫu nhiên</span>
                        }
                        else
                        {
                                    <span>Thứ tự</span>
                        }
                    }
                    else
                    {
                                    @Html.RadioButton("Random", true, new { id = "rdOrder" }) <span>Thứ tự</span>
                                    @Html.RadioButton("Random", false) <span>Random</span>
                    }
                                }


                            </td>
                        </tr>
                        <tr>
                            <td class="tInfoLeft2">Trạng thái:
                            </td>
                            <td class="tInfoRight">
                                @Html.DropDownListFor(m => m.Status, new SelectList((List<object>)ViewBag.GoldenTimeStatus, "ItemValue", "ItemText"))
                            </td>
                        </tr>
                        <tr>
                            <td class="tInfoLeft2">Tổng số sp:<br />
                                Số ngày:<br />
                                Số khách mua:
                                <br />
                                Tổng tiền:<br />
                            </td>
                            <td class="tInfoRight">
                                @Model.CountProduct<br />
                                @{
                                TimeSpan span = Model.DateEnd - Model.DateBegin;
                                if (span.TotalDays == 0)
                                {
                                    <span>1</span>
                                }
                                else
                                {
                                    <span>@span.TotalDays.ToString("##,###,###")</span>
                                }
                                }
                                <br />
                                @Model.CountOrder<br />
                                @Model.TotalPrice.ToString("##,###") đ<br />
                            </td>
                        </tr>
                    </table>
                }
            </div>
        </td>
    </tr>
    <tr>
        <td colspan="2" style="height: 40px; vertical-align: middle;">
            <input type="button" value="Lấy sản phẩm" class="btnGetProductGoldenTime" id="btnGetProduct" onclick="GetProductFromGrid()" />
        </td>
    </tr>
    <tr>
        <td colspan="2">Danh sách sản phẩm tham gia giờ vàng
            <input type="button" value="Xóa toàn bộ" class="" id="btnDelAllProduct" onclick="DelAllProductToFromGrid()" style="cursor: pointer;" />
            <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;" class="goldenTimeTable2" id="pclGoldenTimeChoice">
                <tr>
                    <th>#</th>
                    <th>Barcode</th>
                    <th>Tên sản phẩm</th>
                    <th>Giá gốc</th>
                    <th>Chiết khấu cũ</th>
                    <th>Ck giờ vàng</th>
                    <th>Giá giờ vàng</th>
                    <th>Lượt mua</th>
                    <th style="width: 100px;">Cập nhập</th>
                </tr>
                @Html.Action("GetListProductByGoldenTime", "AdminGoldenTime", new { goldId = ViewBag.GoldenTimeId })
            </table>
        </td>
    </tr>
</table>
<input type="hidden" id="hidGoldenTimeId" value="@ViewBag.GoldenTimeId"/>
@section scripts
{
    <script type="text/javascript">
        var temTr = '<tr>' +
                    '<th>#</th>' +
                    '<th>Barcode</th>' +
                    '<th>Tên sản phẩm</th>' +
                    '<th>Giá gốc</th>' +
                    '<th>Chiết khấu cũ</th>' +
                    '<th>Ck giờ vàng</th>' +
                    '<th>Giá giờ vàng</th>' +
                    '<th>Lượt mua</th>' +
                    '<th style="width: 100px;">Cập nhập</th>' +
                    '</tr>';
        $(function () {

            //lay san pham tu dropdownlist danh muc san pham
            var temTr2 = '<tr>' +
                        '<th style="width: 10px;">#</th>' +
                        '<th style="width: 30px;">' +
                        '<input type="checkbox" name="chkAllProduct" id="chkAllProduct" />' +
                        '</th>' +
                        '<th style="width: 50px;">Ảnh</th>' +
                        '<th style="width: 90px;">Barcode</th>' +
                        '<th>Tên sản phẩm</th>' +
                        '<th>Ck</th>' +
                        '</tr>';
            function GetProductByDrop(id) {
                var plc = $('.plcProductGold');
                $.ajax({
                    url: '/AdminGoldenTime/GetProductByCate',
                    data: { cateId: id },
                    success: function (data) {
                        var elementAdded = '';
                        if (data.length > 0) {
                            var count = 1;
                            elementAdded = temTr2;
                            for (var i = 0; i < data.length; i++) {
                                elementAdded += '<tr>' +
                                    '<td style="width: 10px;">' + count + '</td>' +
                                    '<td style="width: 30px;" align="center">' +
                                    '<input type="checkbox" name="chkAllProductItem" id="chkAllProductItem" idata="' + data[i]['Id'] + '" />' +
                                    '</td>' +
                                    '<td style="width: 50px;" align="center">' +
                                    '<img src="' + data[i]["ImagePath"] + '/50x50/' + data[i]["ImageName"] + '" width="30" height="30" alt="" />' +
                                    '</td>' +
                                    '<td style="width: 90px;">' + data[i]["Id"] + '</td>' +
                                    '<td style="text-align: left;">' + data[i]["Name"] + '</td>' +
                                    '<td style="width: 50px;">' + data[i]["PromotionPercent"] + '%</td>' +
                                    '</tr>';
                                count++;
                            }
                        } else {
                            elementAdded = temTr2;
                            //alert('Đã có lỗi xảy ra 1!');
                        }
                        plc.html(elementAdded);
                        checkAllProductGold();
                    },
                    error: function () {
                        alert('Đã có lỗi xảy ra 2!');
                    }
                });
            }

            $('#CategoryList').change(function () {
                var cateId = $(this).val();
                GetProductByDrop(cateId);
            });


        });

        function DelAllProductToFromGrid() {
            var GoldenTimeId = $('#hidGoldenTimeId').val();
            var plc2 = $('#pclGoldenTimeChoice');
            if (confirm('Bạn có thực sự muốn xóa các sản phẩm này không')) {
                $.ajax({
                    url: '/KMFadmin/AdminGoldenTime/DelAllProductFromGrid',
                    data: { goldenTimeId: GoldenTimeId },
                    success: function (data) {
                        var elementAdded = '';
                        if (data.length > 0) {
                            elementAdded = temTr;
                        } else {
                            elementAdded = temTr;
                        }
                        plc2.html(elementAdded);
                    }
                });
            }
        }


        //Lay san pham da chon tren Grid
        function GetProductFromGrid() {
            var listid = '';
            $('input[name$=chkAllProductItem]').each(function () {
                var idata = $(this).attr('idata');
                var chk = $(this).attr('checked');
                if (chk == 'checked') {
                    if (idata != '') {
                        listid += idata + ';';
                    }
                }
            });

            var GoldenTimeId = $('#hidGoldenTimeId').val();
            if (listid != '') {
                var plc2 = $('#pclGoldenTimeChoice');
                $.ajax({
                    url: '/KMFadmin/AdminGoldenTime/GetProductFromGrid',
                    data: { ListId: listid, goldenTimeId: GoldenTimeId },
                    success: function (data) {
                        var elementAdded = '';
                        if (data.length > 0) {
                            var count = 1;
                            elementAdded = temTr;
                            for (var i = 0; i < data.length; i++) {
                               
                                elementAdded += '<tr>' +
                                    '<td>' + count + '</td>' +
                                    '<td>' + data[i]["Barcode"] + '</td>' +
                                    '<td style="text-align: left;">' + data[i]["Name"] + '</td>' +
                                    '<td>' + data[i]["Price"] +
                                    '<input type="hidden" name="hidPriceOld" value="' + data[i]["Price"] + '"/>' +
                                    '</td>' +
                                    '<td>' + data[i]["PromotionPercent"] + '%</td>' +
                                    '<td>' +
                                    '<input type="text" name="txtGoldenPromotion" value="' + data[i]["PromotionUnit"] + '" style="width: 21px;color:#3d6aa2;" maxlength="3"/>' +
                                    '%' +
                                    '</td>' +
                                    '<td>' +
                                    '<input type="text" name="txtGoldenPrice" value="' + data[i]["PriceUnit"] + '" style="width: 70px;color:red;" />' +
                                    '</td>' +
                                    '<td style="background: #f1f1f1;">' +
                                    '<a href="#">20</a>' +
                                    '</td>' +
                                    '<td style="background: #f1f1f1;">' +
                                    '<div class="plbtn">'+
                                    '<img src="/Areas/Admin/Content/images/ajax-loader.gif" width="16" height="16" style="display: none;"/>'+
                                    '<input type="button" value="Cập nhập" id="btnGoldenProductUpdate" style="cursor: pointer;" onclick="GoldenProductUpdate(\'' + data[i]["Id"] + '\',this);"/>' +
                                    '</div>'+
                                    '<div class="plbtn2">'+
                                    ' <a href="javascript:void(0);" onclick="DelGoldenTimeProduct(\'' + data[i]["ProductId"] + '\',\'' + data[i]["CampaintId"] + '\',this)">Xóa</a>' +
                                    '</div>'+
                                    '<div class="cl"></div>'+
                                    '</td>' +
                                    '</tr>';
                                count++;
                            }

                        } else {
                            elementAdded = temTr;
                        }
                        plc2.html(elementAdded);
                    }
                });
            }

        }

        function checkAllProductGold() {
            $('#chkAllProduct').click(function () {
                var chk = $(this).attr('checked');
                var cmdItem = $('input[name$=chkAllProductItem]');
                if (chk == '' || chk == undefined) {
                    cmdItem.attr('checked', false);
                } else {
                    cmdItem.attr('checked', true);
                }
            });
        }

        function DelGoldenTimeProduct(pId, gId, cmd) {
            //alert(pId + ';' + gId);
            var p = $(cmd);
            if (confirm('Bạn có muốn xóa !')) {
                $.ajax({
                    url: '/KMFadmin/AdminGoldenTime/DelGoldenTimeProductById',
                    data: { ProductId: pId, goldenTimeId: gId },
                    success: function (data) {
                        if (data >= 0) {
                            p.parent().parent().parent().fadeOut();
                        }
                    }
                });
            }
        }


        // button submit
        $('ul li.Save a').click(function () {
            $('form#EditGoldenTimeCampain').submit();
        });

        function GoldenProductUpdate(gId,_conmand) {
            var cmd = $(_conmand);
            var img = cmd.parent().find('img');
            cmd.hide();
            img.show();
            var pe = cmd.parent().parent().parent().find('input[name$=txtGoldenPromotion]').val();
            var priod = cmd.parent().parent().parent().find('input[name$=hidPriceOld]').val();
            var pcl = cmd.parent().parent().parent().find('input[name$=txtGoldenPrice]');

            $.ajax({
                url: '/KMFadmin/AdminGoldenTime/GoldenTimeProductAddPersent',
                data: { GoldenProductId: gId, per: pe, priceOld: priod },
                success: function (data) {
                    pcl.stop().val(data);
                }
            });

            setInterval(function () {
                img.hide();
                cmd.show();
            }, 1000); // stop nay rat quan trong
        }
    </script>
}
